<!DOCTYPE html>
<html lang="en">
<head>
                <meta charset="UTF-8">
                <meta name="viewport" content="width=device-width, initial-scale=1.0">
                <title>Document</title>
<style>
                *{
                margin: 0;
                padding: 0;
                box-sizing: border-box;
                list-style: none;
                text-decoration: none;
                }

                .top{
                background-color: #ffffff;
                }
                .logo{
                width: 1100px;
                display: flex;
                justify-content: space-between;
                margin: auto;
                padding: 10px 0;
                }

                .nav{
                height: 50px;
                background: url(./images/nav_bg.png);
                }
                .nav ul{
                display: flex;
                margin: auto;
                width: 1100px;
                text-align: center;
                line-height: 50px;
                }
                .nav ul li a{ 
                width: 100px;
                height: 50px;
                display: inline-block;
                background: url(./images/nav_border.png) no-repeat right;
                font-weight: 700;
                font-size: 15;
                color: black;
                }

                .sjt{
                width: 1100px;
                margin: auto;
                display: flex;
                justify-content: space-between;
                }
                .wz{
                border: 1px 0 solid gray;
                background-color: rgb(218, 218, 218);
                margin-bottom: 10px;
                }
                .dx{
                margin: auto;
                width: 1100px;
                display: flex;
                justify-content: space-between;
                }

                .st{
                width: 1100px;  
                margin: auto;
                display: flex;
                justify-content: space-between;
                padding-bottom: 100px;
                }
                .wz5>a{
                color: black;
                }
                .wz4{
                color: rgb(135, 200, 37);
                font-weight: 700;
                font-size: 14px;
                background: url(./images/jiantou.png) no-repeat center left;
                padding-left: 20px; 
                }
                .wz5{
                display: flex;
                justify-content: space-between;
                }
                .wz6{
                font-weight: 700;
                font-size: 14px;
                margin-left: 20px;
                border-bottom: 1px dashed black; 
                }

                .wz7{
                margin-top: 20px;
                margin-left: 20px;
                border-bottom: 1px dashed black; 
                }
                .st>div>ul>li>a{
                color:gray;
                }
                .wz2 ul li:first-child a{
                color: red;
                }
                .e1{
                padding-left: 20px;
                margin: 20px;
                background: url(./images/sbg.png) no-repeat left;
                }
                .wz8{
                font-size: 10px;
                padding-left: 20px;
                }
                .st>div{
                height: 300px;
                border: 1px solid rgb(0, 0, 0);
                }
                .sjtp{
                width: 350px; 
                padding: 10px;
                }
                .q1{
                display: flex;
                justify-content: space-between;
                align-items: center;
                width: 250px;
                margin: auto;
                padding-top: 50px;
                }
                .wz2{
                width: 450px; 
                padding: 10px;
                }
                .wz3{
                width: 280px;
                }

                .dp{
                height: 400px;
                margin-top: 100px;
                background-color:black;
                margin: auto;
                border-bottom: 1px dashed white ;
                }
                .dp>div>p{
                width: 120px;
                padding: 20px;
                display: flex;
                justify-content: space-between;
                margin: auto;
                width: 1100px;
                text-align: center;
                line-height: 50px;
                }
                .c0{
                width: 1000px;
                margin: 0 auto 50px;
                display: flex;
                justify-content: space-between;
                }
                .c0 div a{
                color: gray;
                }
                .c1{
                width: 125px;
                color: rgb(175, 175, 175);
                font-size: 12px;
                }
                .c2{
                color: rgb(255, 255, 255);
                margin-bottom: 20px;
                font-size: 16px;
                font-weight: 700;

                }

                .toq{
                background-color: black;
                display: flex;
                justify-content: flex-end;
                padding-right: 400px;
                }
                .dpwz{
                height: 100px;
                padding-top: 20px;
                background-color: rgb(0, 0, 0);
                }
                .dpwz>p{
                margin: auto;
                color:gray;
                font-size: 12;
                text-align: center;
                padding: 10px;
                }
</style>
</head>
            <body>
            <div class="top"> 
                <div class="logo">
                <img src="../尚合项目/images/logo.png">
                <img src="./images/search.png" alt="">
                </div>
            </div>

            <div class="nav">
                <ul>
                <li><a href="#">首 页</a></li>
                <li><a href="#">智能手机</a></li>
                <li><a href="#">平板电脑</a></li>
                <li><a href="#">配件</a></li>
                <li><a href="#">服务支持</a></li>
                <li><a href="#">关于尚合</a></li>
                </ul>
            </div>

            <div class="sjt">
                <img src="./images/banner.png" alt="" width="1300px">
                </div>
                <div class="wz">
                <div class="dx">
                <div >最新公告：尚合Aone智能手机入网证已经获工信部门审批下发。尚合官方</div>
                <div ><img src="./images/share.png" alt="" class="tp"></div>
                </div>
            </div>

            <div class="st">
                <div class="sjtp">
                <p class="wz4">新品发布 </p>
                <div class="q1">
                <div><img src="./images/left_icon.png" alt=""></div>
                <div><img src="./images/shouji.png" alt=""></div>
                <div><img src="./images/right_icon.png" alt=""></div>
                </div>
                </div>
                <div class="wz2">
                <div class="wz5">
                <p class="wz4">新闻中心</p>
                <a href="#" class="r1">更多</a>
                </div>
                <ul>
                <li class="wz6"><a href="#"> 致歉公告</li></a>
                <li class="wz7"><a href="#"> 首批尚合Aonet已全部售馨!</li></a>
                <li class="wz7"><a href="#"> 【媒体报导】国产高性价比 尚合Aonet四核手机评测</li></a>
                <li class="wz7"><a href="#">我司产品已经通过了国家强制性产品3C认证</li></a> 
                <li class="wz7"><a href="#"> 尚合Aone智能手机入网证已经获工信部门审批下发.</li></a>
                <li class="wz7"><a href="#">我司通过ISO9001:2008国际质量管理体系认证.</li></a> 
                </ul>
                </div>
                <div class="wz3">
                <p class="wz4">技术与支持</p>
                <ul>
                <li class="e1"><a href="#">售后服务</li></a>
                <li class="e1"><a href="#">投诉与建议</li></a>
                <li class="e1"><a href="#">联保网点</li></a>
                <li class="e1"><a href="#">常见问题FAQ？</li></a>
                </ul>
                <div class="wz8">
                <p>深圳市汇聚众合科技发展有限公司</p>
                <p>服务热线：400-633-7922</p>
                </div>
                </div>
            </div>

            <div class="dp">
                <div class="toq"> 
                <img src="./images/top.png" alt="">
                </div>
                <div class="c0">
                <div class="c1">
                <p class="c2">尚合首页</p>
                <p><a href="#">返回首页</p></a>
            </div>

            <div class="c1">
                <p class="c2">智能手机</p>
                <p><a href="#">Aone-T</p></a>
                <p><a href="#">Aone</p></a>
            </div>

            <div class="c1">
                <p class="c2">平板电脑</p>
                <p><a href="#">尚PAD S200</p></a>
                <p><a href="#">尚PAD S100</p></a>
                <p><a href="#">尚PAD SH-Q7</p></a>
                <p><a href="#">尚PAD SH-Q5</p></a>
            </div>

            <div class="c1">
                <p class="c2">配件中心</p>
                <p><a href="">Aone 智能手机</p></a>
            </div>

            <div class="c1">
                <p class="c2">服务与支持</p>
                <p><a href="#">售后服务</p></a>
                <p><a href="#">投诉与建议</p></a>
                <p><a href="#">联保网点</p></a>
                <p><a href="#">常见问题FAQ</p></a>
                <p><a href="#">订单查询</p></a>
                <p><a href="#">下载专区</p></a>
            </div>

            <div class="c1">
                <p class="c2">关于我们</p>
                <p><a href="#">公司介绍</p></a>
                <p><a href="#">企业文化</p></a>
                <p><a href="#">工作机会</p></a>
                <p><a href="#">法律声明</p></a>
                <p><a href="#">联系我们</p></a>
            </div>

            <div class="c1">
                <p class="c2">新闻中心</p>
                <p><a href="#">公司新闻</p></a>
                <p><a href="#">媒体报导</p></a>
                <p><a href="#">行业动态</p></a>
            </div>

            <div class="c1">
                <p class="c2">常用链接</p>
                <p><a href="#">百度</p></a>
                <p><a href="#">Google</p></a>
                <p><a href="#">新浪微博</p></a>
            </div>
            </div>
            </div> 
            <div class="dpwz">
                <p>2011-2012版权所有 深圳市汇聚众合科技发展有限公司 （品牌：尚合-SAMHAVE） 服务热线：400-633-7922</p>
                <p>经营许可证编号：粤ICP备11077821号-1</p>
            </div>   

            </div>
            </body>
</html>